<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>药品报损</title>
<script type="text/javascript" src="../static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="../static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="../static/easyui/themes/icon.css">
<link rel="stylesheet" href="../static/easyui/themes/metro-red/easyui.css">
</head>
<body>
<script type="text/javascript">
		//选择药品展示列表
		$(function(){
			$('#baosunliebiao').datagrid({
			    url:'',
			    columns:[[			    	
			    	{field:'',title:'',checkbox:true,width:"160px",align:'left'},
					{field:'deptno',title:'报损编号',width:"160px",align:'left'},
					{field:'dname',title:'药品名称',width:"160px",align:'left'},
					{field:'loc3',title:'药品规格',width:"160px",align:'left'},
					{field:'loc4',title:'供应商',width:"160px",align:'left'}
			    ]],
			    pagination:true,
			    pageNumber:1,
			    pageSize:5,
			    pageList:[5,10,15]			       
			});							
			//新增显示
			$("#baosunanniu").click(function(){
				$("#baosun").window("open");
			});				
		});
				
		//报损详情药品界面
		$(function(){
			$('#baosunxiangqing').datagrid({
			    url:'',
			    columns:[[
			    	{field:'',title:'',checkbox:true,width:"160px",align:'left'},
					{field:'deptno',title:'详情编号',width:"160px",align:'left'},
					{field:'loc2',title:'采购编号',width:"160px",align:'left'},
					{field:'loc1',title:'药品名称',width:"160px",align:'left'},						
					{field:'loc3',title:'药品价格',width:"160px",align:'left'},
					{field:'loc4',title:'批次',width:"160px",align:'left'},
					{field:'loc5',title:'供应商',width:"160px",align:'left'},
					{field:'loc6',title:'保质期',width:"160px",align:'left'},
					{field:'loc7',title:'库存',width:"160px",align:'left'}					
			    ]],
			    pagination:true,
			    pageNumber:1,
			    pageSize:5,
			    pageList:[5,10,15]			       
			});								
		});
		
		$(function(){
			//关闭查看报损药品界面
			$("#queding").click(function(){
				   $("#baosun").window("close");
			 });
		});	
</script>

	<div class="easyui-layout" style="padding:20px;margin-left:10px;">
	 	<input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'药品名称'"></input>	 
	</div>
	<!-- 按钮 -->
	<div id="tb" style="text-align:center;">
		<a id="baosunanniu" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加药品</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true">保存</a>
	</div>
	<!-- 报损药品列表 -->
	<table id="baosunliebiao" class="easyui-datagrid" data-options="fitColumns:true" style="padding:15px;height:300px;">    	
    	<tbody>
    	   <tr>
    	   	   <td></td>
	    	   <td>50001</td>
	    	   <td>当归</td>  
    	       <td>袋</td>
	    	   <td>aaaa</td> 
	    	</tr>	    	
    	</tbody>
	</table> 	
	
	<!-- 报损详情药品界面 -->
	<div id="baosun" class="easyui-window" title="查看破损药品" style="width:700px;height:350px" data-options="iconCls:'icon-add',closed:true">
    	<div class="easyui-layout" style="padding:20px;margin-left:15px;">
		 	<input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'药品名称'"></input>	 			
		</div>  
		<div class="easyui-layout" style="padding:20px;">
			<input class="easyui-textbox" data-options="label:'库存量：',width:260,labelAlign:'right'">
			<input class="easyui-textbox" data-options="label:'报损原因：',width:260,labelAlign:'right'">
			<a href="#" class="easyui-linkbutton" id="queding" data-options="iconCls:'icon-ok',plain:true">确定</a> 
		</div>  
 		<table id="baosunxiangqing" class="easyui-datagrid" data-options="fitColumns:true" style="padding:15px;height:300px;">    	
				<tbody>
					  <tr>
					  		<td></td>
							<td>30000001</td>
							<td>20181216</td>
							<td>当归</td>
							<td>0.54</td>
							<td>40001</td>
							<td>aaaa</td>
							<td>2020-12-16</td>
							<td>3000</td>
						</tr>								
				</tbody>
		</table> 		
	</div>
</body>
</html>